<template>
	<el-dialog class="container" :logoutDialogVisible width="40%" :close-on-click-modal="false">
		<p>确定要退出系统吗？</p>
		<div class="dialog-footer">
			<el-button @click="cancle">取消</el-button>
			<el-button type="primary" @click="confirm">确定</el-button>
		</div>
	</el-dialog>
</template>

<script setup lang='ts'>
defineProps(['logoutDialogVisible']);
const emit = defineEmits(['cancle', 'confirm']);
// 取消
const cancle = () => {
	emit('cancle');
}
// 确定
const confirm = () => {
	emit('confirm')
}
</script>

<style scoped lang='scss'>
.container {
	height: 500px;

	p {
		font-size: 16px;
		margin-left: 20px;
	}

	.dialog-footer {
		margin-top: 30px;
		margin-left: 70%;
	}
}
</style>